<template>
	<u-cell-group>
		<u-cell-item title="远景" :arrow="false"><image-upload :multiple="false" :readonly="true" :value="data.OldPhotoUrl"></image-upload></u-cell-item>
		<u-cell-item title="近景" :arrow="false"><image-upload :readonly="true" :multiple="false" :value="data.PhotoUrl"></image-upload></u-cell-item>
		<u-cell-item title="夜景" :arrow="false"><image-upload :readonly="true" :multiple="false" :value="data.PhotoUrl2"></image-upload></u-cell-item>
		<u-cell-item title="门头宽度" :arrow="false" :value="data.StoreWith"></u-cell-item>
		<u-cell-item title="门头高度" :arrow="false" :value="data.StoreHeight"></u-cell-item>
		<u-cell-item title="发光字高度" :arrow="false" :value="data.LightHeight"></u-cell-item>
		<u-cell-item title="完工日期" :arrow="false" :value="data.Created | date('yyyy-mm-dd')"></u-cell-item>
		<u-cell-item title="门店等级" :arrow="false" :border-bottom="false" style="padding-bottom: 0;">
			<u-radio-group :disabled="true" :value="data.DoorGrade">
				<u-radio :name="1">一类门店</u-radio>
				<u-radio :name="2">二类门店</u-radio>
			</u-radio-group>
		</u-cell-item>
		<u-cell-item :arrow="false">
			<view class="u-font-10 u-text-left">一类门店:地级市以上，地理位置优越的临街专卖店</view>
			<view class="u-font-10 u-text-left">二类门店:县及县级市以上，地理位置良好的临街专卖店及大型建材连锁店中店（红星美凯龙，居然之家等）</view>
		</u-cell-item>
		<u-cell-item title="门店类型" :arrow="false" :value="doorTypeText"></u-cell-item>
		<u-cell-item title="申请文件" :arrow="false">
				<text @tap="$openFile($getRemotePdfUrl(data.EnclosureFile))">{{ data.EnclosureName }}</text>
		</u-cell-item>
		<u-cell-item title="合同文件" :arrow="false"></u-cell-item>
		<u-cell-item title="价格" :arrow="false">
			<view class="u-flex u-row-right">
				<text class="u-m-r-10" style="font-weight: bold;">{{ data.Price == -1 ? '' : data.Price }}</text>
				元
			</view>
		</u-cell-item>

		<u-cell-item :border-bottom="false" title="备注" :arrow="false">
			<u-input :disabled="true" :customStyle="customStyle" type="textarea" inputAlign="right" placeholder="" :value="data.totalRemark_textarea"></u-input>
		</u-cell-item>
	</u-cell-group>
</template>

<script>
export default {
	name: 'door-costs-information',
	props: {
		data: {
			type: Object,
			default() {
				return {
					OldPhotoUrl: '',
					PhotoUrl: '',
					PhotoUrl2: '',
					StoreWith: '',
					StoreHeight: '',
					LightHeight: '',
					STime: '',
					totalRemark_textarea: '',
					IsGoodDoor: '',
					State: '',
					StateName: '',
					FirstAuditNote: '',
					ReviewAuditNote: '',
					FinalAuditNote: '',
					ApplyFile: '',
					DoorGrade: '',
					DoorType: '',
					EnclosureFile: '',
					EnclosureName: '',
					PayType: '',
					Price: '',
					ReplyPrice: '',
					ReplyTime: ''
				};
			}
		}
	},
	data() {
		return {
			customStyle: {
				// fontSize: '26rpx',
				color: '#909399'
			},

			doorTypeList: [{ label: '小型 字高＜0.5m', value: 1 }, { label: '中型 字高0.5m~0.8m', value: 2 }, { label: '大型 字高＞0.8m', value: 3 }]
		};
	},
	computed: {
		doorTypeText() {
			if (this.data.DoorType == 1) {
				return this.doorTypeList[0].label;
			} else if (this.data.DoorType == 2) {
				return this.doorTypeText[1].label;
			} else if (this.data.DoorType == 3) {
				return this.doorTypeList[2].label;
			} else {
				return '';
			}
		}
	}
};
</script>

<style lang="scss"></style>
